<!--
 * @Description: 
 * @Author: 晋龍
 * @Date: 2021-05-05 22:02:56
 * @LastEditors: 晋龍
 * @LastEditTime: 2022-01-07 11:00:55
-->
<template>
  <div ref="right1_container"></div>
</template>
<script>
import {DualAxes} from'@antv/g2plot';
export default {
  data() {
    return {
      dataArr:[
        {year:'1991',value:3,count:10},
        {year:'1992',value:4,count:8},
        {year:'1993',value:4,count:5},
        {year:'1994',value:5,count:1},
        {year:'1995',value:6,count:6},
        {year:'1996',value:7,count:3}
      ]  
    }
  },
  nounted(){
    this.initChar()
  },
  methods: {
    initChar(){
      const dualAxes = new dualAxes(this.$right1_container,{
        data:[this.dataArr,this.dataArr],
        xField:'year',
        yField:['value','count'],
        geinetryOptions:[{
          geometry:'line',
          color:'#5B8FF9',
        },
        {
          geometry:'line',
          color:'#5AD8A6',
        }]
      })
      dualAxes.render()
    }
  },
}
</script>